﻿<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
    <style type="text/css">*{border:0 solid transparent!important;padding:0!important;margin:0!important;border-collapse:collapse}td{height:40px;width:40px;min-height:40px;min-width:40px;max-height:40px;max-width:40px}</style>
</head>
<body>
    <table>
    </table>

    
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
    <script src="jcolorman.min.js"></script>
    <script type="text/javascript">
        var colorRed = ColorManager.Pallete.red.dark;
        var colorOrange = ColorManager.Pallete.orange.dark;
        var colorYellow = ColorManager.Pallete.yellow.dark;
        var colorGreen = ColorManager.Pallete.green.dark;
        var colorAqua = ColorManager.Pallete.aqua.dark;
        var colorBlue = ColorManager.Pallete.blue.dark;
        var colorPurple = ColorManager.Pallete.purple.dark;
        var colorWhite = ColorManager.Pallete.white.dark;
        var colorGray = ColorManager.Pallete.gray.dark;
        var colorBlack = ColorManager.Pallete.black.dark;
        for (var i = 1; i < 10; i++) {
            var tr = $("<tr/>");
            var factor = i * 16;
            tr.append('<td style="background-color: ' + colorRed.brightenColor(factor) + '">&nbsp;</td>');
            tr.append('<td style="background-color: ' + colorOrange.brightenColor(factor) + '">&nbsp;</td>');
            tr.append('<td style="background-color: ' + colorYellow.brightenColor(factor) + '">&nbsp;</td>');
            tr.append('<td style="background-color: ' + colorGreen.brightenColor(factor) + '">&nbsp;</td>');
            tr.append('<td style="background-color: ' + colorAqua.brightenColor(factor) + '">&nbsp;</td>');
            tr.append('<td style="background-color: ' + colorBlue.brightenColor(factor) + '">&nbsp;</td>');
            tr.append('<td style="background-color: ' + colorPurple.brightenColor(factor) + '">&nbsp;</td>');
            tr.append('<td style="background-color: ' + colorWhite.brightenColor(factor) + '">&nbsp;</td>');
            tr.append('<td style="background-color: ' + colorGray.brightenColor(factor) + '">&nbsp;</td>');
            tr.append('<td style="background-color: ' + colorBlack.brightenColor(factor) + '">&nbsp;</td>');
            $("table").append(tr);
        }


        var colorRed = ColorManager.Pallete.red.bright;
        var colorOrange = ColorManager.Pallete.orange.bright;
        var colorYellow = ColorManager.Pallete.yellow.bright;
        var colorGreen = ColorManager.Pallete.green.bright;
        var colorAqua = ColorManager.Pallete.aqua.bright;
        var colorBlue = ColorManager.Pallete.blue.bright;
        var colorPurple = ColorManager.Pallete.purple.bright;
        var colorWhite = ColorManager.Pallete.white.bright;
        var colorGray = ColorManager.Pallete.gray.bright;
        var colorBlack = ColorManager.Pallete.black.bright;
        for (var i = 1; i < 10; i++) {
            var tr = $("<tr/>");
            var factor = i * 16;
            tr.append('<td style="background-color: ' + colorRed.darkenColor(factor) + '">&nbsp;</td>');
            tr.append('<td style="background-color: ' + colorOrange.darkenColor(factor) + '">&nbsp;</td>');
            tr.append('<td style="background-color: ' + colorYellow.darkenColor(factor) + '">&nbsp;</td>');
            tr.append('<td style="background-color: ' + colorGreen.darkenColor(factor) + '">&nbsp;</td>');
            tr.append('<td style="background-color: ' + colorAqua.darkenColor(factor) + '">&nbsp;</td>');
            tr.append('<td style="background-color: ' + colorBlue.darkenColor(factor) + '">&nbsp;</td>');
            tr.append('<td style="background-color: ' + colorPurple.darkenColor(factor) + '">&nbsp;</td>');
            tr.append('<td style="background-color: ' + colorWhite.darkenColor(factor) + '">&nbsp;</td>');
            tr.append('<td style="background-color: ' + colorGray.darkenColor(factor) + '">&nbsp;</td>');
            tr.append('<td style="background-color: ' + colorBlack.darkenColor(factor) + '">&nbsp;</td>');
            $("table").append(tr);
        }
    </script>
</body>
</html>